<template>
    <div class="CH">
        <div class="a">
            <span>选择订单</span>
        </div>
        <div class="b">
            <div class="q">
                <div class="w">
                    <span>王同学</span>
                    <p>门口取圆通快递</p>
                </div>
                <span class="e">待完成</span>
            </div>
            <div class="r">
                <span>2022 - 9 - 4 18:25:25</span>
            </div>
            <div class="t">
                <svg t="1664265792831" class="icon" viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="2817" width="100" 
                height="100"><path d="M512 624a112 112 0 1 0 0-224 112 112 0 0 0 0 224z"
                 p-id="2818" fill="#1296db"></path></svg>
                <span>大连东软信息学院三期门口</span><br>
                 <svg t="1664265792831" class="icon" 
                 viewBox="0 0 1024 1024" version="1.1" 
                 xmlns="http://www.w3.org/2000/svg" p-id="2817" width="100" height="100">
                    <path d="M512 624a112 112 0 1 0 0-224 112 112 0 0 0 0 224z" p-id="2818" fill="#f4ea2a"></path></svg>
                <span>大连东软信息学院5号楼门口</span>
            </div>
            <div class="y">
                <span>订单编号：123456789103214567</span>
                <div class="u">
                    <p>单价：</p>
                    <span>3.5元</span>
                </div>
            </div>
        </div>


        <div class="c">
            <el-button type="success">确定</el-button>
            <el-button type="danger">取消</el-button>
        </div>
    </div>
    <div>
        <span>{{orders.oid}}</span>
            
    </div>
</template>

<script setup>
// import { getApi} from '@/util/api'

</script>

<script>

    // export default {
    //     props:["oid"],
    //     data() {
    //         return {
    //             orders: [],
    //             pagination:{//分页
    //           currentPage:1,//当前页码
    //           pageSize:3,//一页多少条
    //           total:0
    //         }  ,
    //         }
    //     },
    //     created(){
    //     this.getAll();
    //     },

    //     methods:{
    //  //分页
    //  getAll(){
    //     getApi("workers/orders/"+this.pagination.currentPage+"/"+this.pagination.pageSize+"?"+this.oid).then((rs)=>{
    //           this.pagination.pageSize = rs.data.data.size;
    //           this.pagination.currentPage = rs.data.data.current;
    //           this.pagination.total = rs.data.data.total;
    //           this.orders=rs.data.data.records;
    //           console.log(this.orders);
    //           }).catch(error=>{
    //               alert(error);
    //           })
    //         },
    //         handleCurrentChange(currentPage){
    //         //修改页码值为当前选中页码值
    //         this.pagination.currentPage = currentPage;
    //         //执行查询
    //         this.getAll();
    //         },
    //     }
    // }
</script>

<style lang="scss" scoped>
.CH{
    background-color: rgba(0,0,0,.1);
    height: 1000px;
    .a{
        background-color: #fff;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        height: 120px;
        position: relative;
        span{
            position: absolute;
            margin-left: 650px;
            font-size: 50px;
            color: rgba(0,0,0,.7);
            margin-top: 35px;
        }
    }
    .b{
        margin-top: 20px;
        background-color: #fff;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        height: 500px;
        .q{
            display: flex;
            img{
                width: 130px;
                height: 130px;
                border-radius: 100px 100px;
                margin-top: 25px;
                margin-left: 25px;
            }
            .w{
                margin-top: 25px;
                span{
                    font-size: 40px;
                    margin-left: 30px;
                }
                p{
                    font-size: 30px;
                    margin-left: 30px;
                }
            }
            .e{
                font-size: 40px;
                margin-top: 40px;
                margin-left: 55%;
                color: rgb(0, 200, 255);
            }

        }
        .r{
            font-size: 30px;
            margin-left: 35px;
            margin-top: 10px;
        }
        .t{
            span{
                font-size: 30px;
                position: absolute;
                margin-top: 30px;
            }
        }
        .y{
            margin-top: 20px;
            display: flex;
            span{
                font-size: 20px;
                margin-left: 25px;
            }
            .u{
                margin-left: 58%;
                display: flex;
                span{
                    font-size: 20px;
                    color: red;
                }
                p{
                    font-size: 20px;
                }
            }
        }
    }


















        .el-button{
            margin-top: 20px;
            margin-bottom: 50px;
            width: 500px;
            font-size: 32px;
            height: 100px;
            margin-left: 250px;
        }
}

</style>